<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Usemap 실습</title>
</head>
<body>

<hr>
<h1 align=center>usemap</h1>
<hr>
<center><img src='/Web/Images/rec.png' width = 400 height= 300 usemap="#1"> </center>
<map name="1" >
<area shape="rect" coords="0,0,400,100" title='상단 부분' href = 'http://www.nate.com' target = '_blank'>
<area shape="rect" coords="0,100,400,200" title="중앙 부분" href = 'http://www.daum.net' target = '_blank'>
<area shape="rect" coords="0,200,400,300" title="하단 부분" href = 'http://www.Bing.com' target = '_blank'>
</map>
<hr>
<h1 align=center>usemap2</h1>
<hr>
<center><img src='/Web/Images/circle.png' usemap="#2"> </center>
<map name="2" >
<area shape="circle" coords="100,100,100," title='원' href = 'http://www.nate.com' target = '_blank'>
</map>
<hr>
<h1 align=center>usemap3</h1>
<hr>
<center><img src='/Web/Images/tri.png' width = 400 height= 260 usemap="#3"> </center>
<map name="3" >
<area shape="poly" coords="200,0,0,260,400,260" title='삼각형' href = 'http://www.nate.com' target = '_blank'>
</map>
<hr>
<h1 align=center>usemap4</h1>
<hr>
<center><img src='/Web/Images/rec2.png' width = 400 height= 260 usemap="4"> </center>
<map name="4" >
<area shape="poly" coords="0,0,0,260,400,260,400,0" title='사각형' href = 'http://www.nate.com' target = '_blank'>
</map>
</body>
</html>
